@extends('admin/layout/index')
@section('head')
<link rel="stylesheet" type="text/css" href="/admin/plugins/colorpicker/colorpicker.css" media="screen">
<link rel="stylesheet" type="text/css" href="/admin/custom-plugins/wizard/wizard.css" media="screen">

<!-- Required Stylesheets -->
<link rel="stylesheet" type="text/css" href="/admin/bootstrap/css/bootstrap.min.css" media="screen">
<link rel="stylesheet" type="text/css" href="/admin/css/fonts/ptsans/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="/admin/css/fonts/icomoon/style.css" media="screen">

<link rel="stylesheet" type="text/css" href="/admin/css/mws-style.css" media="screen">
<link rel="stylesheet" type="text/css" href="/admin/css/icons/icol16.css" media="screen">
<link rel="stylesheet" type="text/css" href="/admin/css/icons/icol32.css" media="screen">

<!-- Demo Stylesheet -->
<link rel="stylesheet" type="text/css" href="/admin/css/demo.css" media="screen">

<!-- jQuery-UI Stylesheet -->
<link rel="stylesheet" type="text/css" href="/admin/jui/css/jquery.ui.all.css" media="screen">
<link rel="stylesheet" type="text/css" href="/admin/jui/jquery-ui.custom.css" media="screen">

<!-- Theme Stylesheet -->
<link rel="stylesheet" type="text/css" href="/admin/css/mws-theme.css" media="screen">
<link rel="stylesheet" type="text/css" href="/admin/css/themer.css" media="screen">
@endsection
@section('content')
<div class="mws-panel grid_8">
	<div class="mws-panel-header">
    	<span><i class="icon-magic"></i>新增商品型号</span>
    </div>
    <div class="mws-panel-body no-padding">
        <div class="wizard-nav wizard-nav-horizontal" style='display:none'><ul><li data-wzd-id="wzd_1bbagigreo71ndg1p6l_0" class="current"><span><i class="icol-accept"></i>型号基本信息</span></li><li data-wzd-id="wzd_1bbagigreo71ndg1p6l_1" class=""><span><i class="icol-delivery"></i>当前型号下商品图片</span></li><li data-wzd-id="wzd_1bbagigreo71ndg1p6l_2" class=""><span><i class="icol-user"></i>商品规格</span></li></ul><button type="button" class="btn responsive-prev-btn" disabled="disabled"><i class="icon-caret-left"></i></button><button type="button" class="btn responsive-next-btn"><i class="icon-caret-right"></i></button></div><form class="mws-form wzd-default wizard-form wizard-form-horizontal">
            
            <fieldset class="wizard-step mws-form-inline" style="display: block;" data-wzd-id="wzd_1bbagigreo71ndg1p6l_0">
                <legend class="wizard-label" style="display: none;"><i class="icol-accept"></i>商品型号</legend>
                <div id="" class="mws-form-row">
                    <label class="mws-form-label">型号标题<span class="required">*</span></label>
                    <div class="mws-form-item">
                        <input name="fullname" class="required large" type="text">
                    </div>
                </div>
                <div class="mws-form-row">
                    <label class="mws-form-label">进货价<span class="required">*</span></label>
                    <div class="mws-form-item">
                        <input name="email" class="required email large" type="text">
                    </div>
                </div>
                <div class="mws-form-row">
                    <label class="mws-form-label">售货价<span class="required">*</span></label>
                    <div class="mws-form-item">
                        <input name="email" class="required email large" type="text">
                    </div>
                </div>
                <div class="mws-form-row">
                    <label class="mws-form-label">上架数量<span class="required">*</span></label>
                    <div class="mws-form-item">
                        <input name="email" class="required email large" type="text">
                    </div>
                </div>
            </fieldset>
            
            <fieldset class="wizard-step mws-form-inline" style="display: none;" data-wzd-id="wzd_1bbagigreo71ndg1p6l_1">
                <legend class="wizard-label" style="display: none;"><i class="icol-delivery"></i>型号规格</legend>
                <div id="" class="mws-form-row">
                    <label class="mws-form-label">规格标题<span class="required">*</span></label>
                    <div class="mws-form-item">
                        <input type="text" name='ve_title'>
                    </div>
                </div>
                <div class="mws-form-row">
                    <label class="mws-form-label">规格内容<span class="required">*</span></label>
                    <div class="mws-form-item">
                        <textarea name="ve_content" id="" cols="30" rows="10"></textarea>
                    </div>
                </div>
                <div class="mws-form-row">
                    <label class="mws-form-label">所属规格<span class="required">*</span></label>
                    <div class="mws-form-item">
                        <select name="" id="">
                            <option value="0">--请选择--</option>
                        </select>
                        <label class="error plain" generated="true" for="pm" style="display:none"></label>
                    </div>
                </div>
            </fieldset>
            
            <fieldset class="wizard-step mws-form-inline" style="display: none;" data-wzd-id="wzd_1bbagigreo71ndg1p6l_2">
                <legend class="wizard-label" style="display: none;"><i class="icol-user"></i> Confirmation</legend>
                <div class="mws-form-row">
                    <label class="mws-form-label">Message <span class="required">*</span></label>
                    <div class="mws-form-item">
                        <textarea name="address" rows="" cols="" class="required large"></textarea>
                    </div>
                </div>
                <div class="mws-form-row">
                    <label class="mws-form-label">Subscribe Newsletter <span class="required">*</span></label>
                    <div class="mws-form-item">
                        <ul class="mws-form-list inline">
                            <li><input id="sn_yes" name="sn" class="required" type="radio"> <label for="sn_yes">Yes</label></li>
                            <li><input id="sn_no" name="sn" type="radio"> <label for="sn_no">No</label></li>
                        </ul>
                        <label class="error plain" generated="true" for="sn" style="display:none"></label>
                    </div>
                </div>
                <div class="mws-form-row">
                    <label class="mws-form-label">I agree to the TOS <span class="required">*</span></label>
                    <div class="mws-form-item">
                        <ul class="mws-form-list inline">
                            <li><input id="tos_y" name="tos" class="required" type="checkbox"> <label for="tos_y">Yes</label></li>
                        </ul>
                        <label class="error plain" generated="true" for="tos" style="display:none"></label>
                    </div>
                </div>
            </fieldset>
        <div class="mws-button-row" style='display:none'><button type="button" class="btn" disabled="disabled">Prev</button><button type="button" class="btn">Next</button><button type="button" class="btn btn-primary pull-right" name="wizard-submit" style="display: none;">Submit</button></div></form>
    </div>
</div>
@endsection

@section('link')
<script src="/admin/js/libs/jquery-1.8.3.min.js"></script>
    <script src="/admin/js/libs/jquery.mousewheel.min.js"></script>
    <script src="/admin/js/libs/jquery.placeholder.min.js"></script>
    <script src="/admin/custom-plugins/fileinput.js"></script>

    <!-- jQuery-UI Dependent Scripts -->
    <script src="/admin/jui/js/jquery-ui-1.9.2.min.js"></script>
    <script src="/admin/jui/jquery-ui.custom.min.js"></script>
    <script src="/admin/jui/js/jquery.ui.touch-punch.js"></script>

    <!-- Plugin Scripts -->
    <script src="/admin/plugins/colorpicker/colorpicker-min.js"></script>
    <script src="/admin/plugins/validate/jquery.validate-min.js"></script>

    <!-- Wizard Plugin -->
    <script src="/admin/custom-plugins/wizard/wizard.min.js"></script>
    <script src="/admin/custom-plugins/wizard/jquery.form.min.js"></script>

    <!-- Core Script -->
    <script src="/admin/bootstrap/js/bootstrap.min.js"></script>
    <script src="/admin/js/core/mws.js"></script>

    <!-- Themer Script (Remove if not needed) -->
    <script src="/admin/js/core/themer.js"></script>

    <!-- Demo Scripts (remove if not needed) -->
    <script src="/admin/js/demo/demo.wizard.js"></script>

@endsection